<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>04_文字处理</title>
  <style>
    p{
      font-size: 20px;
      font-family: 楷体;
    }
    a{
      text-decoration: underline;
      text-decoration: overline;
      text-decoration: line-through;
      text-decoration: none;
    }
    div{
      width: 100px;
      height: 100px;
      border: 2px black solid;
      text-align: center;
      line-height: 100px;
    }
    span{
      font-weight: bold;
      font-weight: lighter;
      font-weight: normal;
      font-style: italic;
    }
    h4{
      text-shadow: 10px 10px 10px red;
    }
  </style>
</head>
<body>
<p>测试文字</p>
<a  href="#">超链接</a>
<div>我是div</div>
<span>行内分区</span>
<h4>四级标题</h4>
</body>
</html>